<template>
  <div>
          <template v-for="(item) in menupath" >
            <template v-if="item.child && item.child.length >= 1">
                <el-submenu :index="item.alevel.path" :key="item.alevel.path">
                <template slot="title">
                <i class="el-icon-location"></i>
                <span>{{item.alevel.name}}</span>
                </template>
                <menuRecursive :menupath="item.child"></menuRecursive>
                </el-submenu>
            </template>
        
                    <el-menu-item v-else :index="item.alevel.path" :key="item.alevel.path">
                    <i class="el-icon-setting"></i>
                    <span slot="title">{{item.alevel.name}}</span>
                    </el-menu-item>
       
      </template> </div> 
</template>

<script>
export default {
    name: 'menuRecursive',
    props: ["menupath"],
  data() {
    return {
      
    };
  },
  mounted() {},
  computed: {
   
  },

  methods: {
   
  }
};
</script>

<style scoped>
</style>
